// JavaScript Document

 function Imgpreview(myform){

	 if (document.getElementById('loc')){
			 var prev=document.getElementById('preview');
			 prev.removeChild(document.getElementById('loc'));
	 }
 	var img=myform.value;
	var imgTag=document.createElement('IMG');
	imgTag.setAttribute("src","Images/Film/"+img);
	imgTag.setAttribute("id","loc");		
	imgTag.setAttribute("width","100");
	imgTag.setAttribute("height","150");	
	
	document.getElementById('preview').appendChild(imgTag);
 }
 
 function controllo(){
	 
	var nome=document.registrazione.Nome.value;
	var cognome=document.registrazione.Cognome.value;
	var indirizzo=document.registrazione.Indirizzo.value;
	var citta=document.registrazione.Citta.value;
	var cap=document.registrazione.Cap.value;
	var provincia=document.registrazione.Provincia.value;
	var email=document.registrazione.Email.value;
	var password=document.registrazione.pass.value;
	var username=document.registrazione.User.value;
	
	document.getElementById('error').innerHTML=" ";
	var label=document.createElement('label');
	var valido=true;
	
	if ((nome == "") || (nome == "undefined")) {
			var label=document.createElement('label');
			label.innerHTML="Il campo Nome è obbligatorio<br>";
			document.getElementById('error').appendChild(label);
			valido=false;
    }
	if ((cognome == "") || (cognome == "undefined")){
		var label=document.createElement('label');
			label.innerHTML="Il campo Cognome è obbligatorio<br>";
			document.getElementById('error').appendChild(label);
			valido=false;
	}
	if ((indirizzo == "") || (indirizzo == "undefined")){
		var label=document.createElement('label');
			label.innerHTML="Il campo Indirizzo è obbligatorio<br>";
			document.getElementById('error').appendChild(label);
			valido=false;
	}
	if ((citta == "") || (citta == "undefined")){
		var label=document.createElement('label');
			label.innerHTML="Il campo Citta è obbligatorio<br>";
			document.getElementById('error').appendChild(label);
			valido=false;
	}
	if ((cap == "") || (cap == "undefined")){
		var label=document.createElement('label');
			label.innerHTML="Il campo Cap è obbligatorio<br>";
			document.getElementById('error').appendChild(label);
			valido=false;
	}else if (cap.length!=5){
		var label=document.createElement('label');
			label.innerHTML="Il campo cap deve avere 5 cifre<br>";
			document.getElementById('error').appendChild(label);
			valido=false;
	}
	if ((provincia == "") || (provincia == "undefined")){
		var label=document.createElement('label');
			label.innerHTML="Il campo Provincia è obbligatorio<br>";
			document.getElementById('error').appendChild(label);
			valido=false;
	}else if (provincia.length!=2){
		var label=document.createElement('label');
			label.innerHTML="Il campo Provincia deve avere 2 caratteri<br>";
			document.getElementById('error').appendChild(label);
			valido=false;
	}
	if ((email == "") || (email == "undefined")){
		var label=document.createElement('label');
			label.innerHTML="Il campo Email è obbligatorio<br>";
			document.getElementById('error').appendChild(label);
			valido=false;
	}
	if ((username == "") || (username == "undefined")){
		var label=document.createElement('label');
			label.innerHTML="Il campo Username è obbligatorio<br>";
			document.getElementById('error').appendChild(label);
			valido=false;
	}else if ((username.length<5)){
		var label=document.createElement('label');
			label.innerHTML="Il campo Username deve avere almeno 5 caratteri<br>";
			document.getElementById('error').appendChild(label);
			valido=false;
	}
	if ((password == "") || (password == "undefined")){
		var label=document.createElement('label');
			label.innerHTML="Il campo Password è obbligatorio<br>";
			document.getElementById('error').appendChild(label);
			valido=false;
	}
	if (valido){
		document.registrazione.action = "RegistrazioneAvvenuta.php";
        document.registrazione.submit();
	}
 }
 
 var nOrari = 0;
 var numero = 2;
 var nAttori = 2;
 
 function rimuoviOrario(i){
	document.getElementById("Orario").removeChild(document.getElementById("labelOrario"+i));
	nOrari --;
 }
 
 function aggiungiOrario(){
	 
	 if (document.getElementById('bottone')){
		 var prec=document.getElementById('Orario');
		 prec.removeChild(document.getElementById('bottone'));
	}
	if(document.createElement && document.getElementById) {
		var label=document.createElement("LABEL");
		var selectOra=document.createElement("SELECT");
		selectOra.setAttribute("name","ora"+numero);
		selectOra.setAttribute("class","orario");
		var ora=0;
		while (ora<=23){
			var oraOption=document.createElement("OPTION");
			oraOption.setAttribute("value",""+ora);
			oraOption.innerHTML=ora;
			selectOra.appendChild(oraOption);
			ora=ora+1;
		}
				
		var selectMinuti=document.createElement("SELECT");
		selectMinuti.setAttribute("name","minuti"+numero);
		selectMinuti.setAttribute("class","orario");
		var minuti=0;
		while (minuti<=55){
			var minutiOption=document.createElement("OPTION");
			minutiOption.setAttribute("value",""+minuti);
			minutiOption.innerHTML=minuti;
			selectMinuti.appendChild(minutiOption);
			minuti=minuti+5;
		}
		
		var button=document.createElement("INPUT");
  		button.setAttribute("type","button");
		button.setAttribute("id","bottone");
		button.setAttribute("value","Inserisci Orario");
		button.setAttribute("onclick","aggiungiOrario()");
                
	 	label.innerHTML="Ore ";
	 	label.appendChild(selectOra);
	 	var label2=document.createElement("LABEL");
	 	label2.innerHTML=" e ";
	 	label.appendChild(label2);
	 	label.appendChild(selectMinuti);
	 	var label3=document.createElement("LABEL");
	 	label3.innerHTML=" minuti. <input type='button' id='butRimuovi' value='Elimina Orario' onclick='rimuoviOrario("+nOrari+")'><br />";
	 	label.appendChild(label3);
		label.setAttribute("id","labelOrario"+nOrari);
		nOrari++;
	
		document.getElementById('Orario').appendChild(label);
		document.getElementById('Orario').appendChild(button);
		numero=numero+1;
 	}
	
 }
 
  function rimuoviAttore(i){
	document.getElementById("Attori").removeChild(document.getElementById("labelAttore"+i));
	nOrari --;
 }
 
 function aggiungiAttore(){
	if (document.getElementById('bottone')){
		 var prec=document.getElementById('Attori');
		 prec.removeChild(document.getElementById('bottone'));
	}
	if(document.createElement && document.getElementById) {
		var label=document.createElement("LABEL");
		var selectAttore=document.createElement("SELECT");
		selectAttore.setAttribute("name","attore"+nAttori);
		selectAttore.setAttribute("class","orario");
		var attori = document.getElementById("labelAttore1").childNodes[0].childNodes;
		var size = attori.length
		for (var i=0; i<size; i++){
			var newAttoreOption = document.createElement("OPTION");
			newAttoreOption.setAttribute("value",attori[i].value);
			newAttoreOption.innerHTML = attori[i].text;
			selectAttore.appendChild(newAttoreOption);
		}	
		
		var button=document.createElement("INPUT");
  		button.setAttribute("type","button");
		button.setAttribute("id","bottone");
		button.setAttribute("value","Inserisci Attore");
		button.setAttribute("onclick","aggiungiAttore()");
                
	 	label.appendChild(selectAttore);
	 	var label3=document.createElement("LABEL");
	 	label3.innerHTML=" &nbsp;<input type='button' id='butRimuovi' value='Elimina Attore' onclick='rimuoviAttore("+nAttori+")'><br />";
	 	label.appendChild(label3);
		label.setAttribute("id","labelAttore"+nAttori);
	
		document.getElementById('Attori').appendChild(label);
		document.getElementById('Attori').appendChild(button);
		
		
		nAttori++;
 	}
	 
 }

 
 function selezionaPosto(img, index, prezzo){
	
	var postiSelezionati = document.getElementById("postiSel");
	if (img.src.match("Images/selezionato.png") != null){
		img.src = "Images/libero.png";
		postiSelezionati.value = postiSelezionati.value.replace(index+"; ","");
	}
	else{
	 	img.src = "Images/selezionato.png";
		postiSelezionati.value += index + "; ";
	}
	
	document.getElementById("biglietti").value = postiSelezionati.value.split(";").length-1;
	document.getElementById("totDaPagare").value = "€ " + document.getElementById("biglietti").value * prezzo;
 }